<template>
  <div>
    <ul>
      <li v-for="index in arr">{{ index }}</li>
      <button @click="btn">走一走</button>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: ["帅哥", "美女", "野兽"],
    };
  },
  methods: {
    btn() {
      // let a = this.arr;
      // let b = a.reverse();
      // console.log(b);
      // let a = Math.floor(Math.random() * 3);
      // console.log(a);
      // this.arr = this.arr[a];
      // this.arr.push(this.arr[a]);
      // this.arr.shift();
      // console.log(c);
      // this.arr.forEach(function (item, index) {
      //   // console.log(item);
      //   // console.log(index);
      //   let b = index[a];
      //   console.log(b);
      // });

      // 以上是自己弄失败的结果

      this.arr.push(this.arr[0]);
      this.arr.shift();
    },
  },
};
</script>

<style>
</style>
